		/*头部*/
		*{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		body{
			background-color: whitesmoke;
		}
		a{
			text-decoration: none;
		}
		.head{
			width: 100%;
			height: 100px;
			/*background-color:black;*/
		}
		.center_head{
			width: 1200px;
			height: 100px;
			/*background-color: red;*/
			margin: auto;
			display: flex;		
		}
		.logo{
			width: 300px;
			height:100px;
		/*	background-color: blue;	*/
		}
		.logo img{
			display: block;
			width: 200px;
			height: 50px;
			margin: 25px auto;
		}
		.nav{
			width: 310px;	
			height:100px;
		/*	background-color: pink;	*/	
		}
		.nav ul li{	
			float: left;
			line-height: 100px;
			margin:1px 21px;
		}
		.nav ul li a{
			text-decoration: none;
			font-size: 20px;
			font-family: 宋体;
			text-align: center;
			color: black;
			font-weight: bold;
		}
		.nav ul li a:hover{
			border: 2px solid #00a4ff;
			color: red;
			padding: 5px 5px ;
		}
		.search{
			width: 400px;
			height:100px;
			/*background-color: orange;	*/
		}
		.search input{
			display: block;
			width: 270px;
			height: 30px;
			margin: 35px auto;
			border: 1px solid skyblue;
			outline: none;
			padding-left: 5px;
		}
		.search img{
			width: 40px;
			float: right;
			position: relative;
			top: -67px;
			right: 22px;
		}
		.user{
			flex: 1;
		/*	background-color: skyblue;*/
			position: relative;
		}
		.user img{
			display: block;
			width: 35px;
			height: 35px; 
			margin: 33px 15px;
		}
		.user span{
			display: block;
			text-align: right;
			margin: -60px 40px;
		}
		/*banner部分*/
		.banner{
			width: 100%;
			height: 420px;
			background-color: #1c036c;	
		}
		.center_banner{
			width: 1200px;
			height: 420px;
			margin: auto;
			position: relative;
		}
		/*左半部分*/
		.left_nav{
			width: 200px;
			height: 420px;
			background-color: rgba(0,0,0,0.3);
			position: absolute;
			top: 0px;
			left: 0px;
		}
		.left_nav ul li{
			width: 150px;
			height: 45px;
		}
		.left_nav ul li a{
			text-decoration: none;
			color: #fff;
			margin-left: 25px;
			line-height: 45px;

		}
		.left_nav ul li a span{
			float: right;
			margin-right: -28px;
		}
		.left_nav ul li a:hover{
			color: #00a4ff;
		}

		/*右半部分*/
		.right_nav{
			width: 220px;
			height: 303px;
			background-color:white;
			position:absolute;
			top: 50px;
			right:30px;
		}
		.top{
			width: 220px;
			height: 48px;
			background-color: #9bceea;
			text-align: center;
			color: #fff;
			font-size: 18px;
			font-weight: 700;
			line-height: 48px;
		}
		.center{
			padding: 0 15px;
		}
		.center ul{
			padding-top:10px;
		}
		.center ul li{
			height: 50px;
			border-bottom: 2px solid #ccc;
			margin-top: 10px;	
		}
		.center ul li a{
			text-decoration: none;
		}
		.center ul li a h4{
			color: #4e4e4e;
			font-size:14px;
		}
		.center ul li a h4:hover{
			color: #00a4ff;
			transition: 0.5s;
		}
		.center ul li a p{
			color: #a5a5a5;
			font-size:12px;
		}
		.all{
			text-decoration: none;
			display: block;
			height: 38px;
			text-align: center;
			color: #00a4ff;
			line-height: 38px;
			margin-top: 10px;
			border: 1px solid #00a4ff;

		}
		.all:hover{
			background-color: #00a4ff;
			color: white;
			transition: 1s;
		}
		/*兴趣模块*/
		.intersting{
			width: 1200px;
			height: 60px;
			background-color:whitesmoke;
		    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
		    margin:auto;
		    margin-top: 20px;
		    line-height: 60px;
		}
		.intersting h3{
			float: left;
			margin: 0 30px;
			font-size: 18px;
			color: #00a4ff;
		}
		.kecheng{
			float: left;
			color:#bfbfbf;
		}
		.kecheng a{
			text-decoration: none;
			margin:0 30px;
			color: #050505;
			font-size: 17px;
		}
		.kecheng a:hover{
			color: #9bceea;
		}
		.mod{
			float: right;
		}
		.mod a{
			font-size: 18px;
			text-decoration: none;
			color: #00a4ff;
			margin-right:30px;
		}
		.mod a:hover{
			border: 2px solid red;
			padding:10px 10px;
		}
		/*课程模块*/
		.box_middle{
			width: 1200px;
			/*background-color: red;*/
			margin: 15px auto;
			display: flex;
			flex-direction:column;
		}
		.box_middle_hd{
			height: 60px;
			line-height: 60px;
		}
		.box_middle_hd h3{
			float: left;
			font-size: 20px;
			font-weight: 400;
			color: #000;
		}
		.box_middle_hd a{
			float: right;
			text-decoration: none;
			color: #a5a5a5;
			font-size:14px;
			margin-right: 30px;
		}
		.box_middle_bd{
			flex: 1;
		}
		.box_middle_bd li{
			float: left;
			width: 220px;
			height: 270px;
			margin-right: 24px;
			margin-bottom: 24px;
			background-color: #fff;
			box-shadow: 2px 2px 2px rgb(0 0 0 / 30%);
		}
		.box_middle_bd li a:hover img{
			width: 100%;
			height: 155px;
		}

		.box_middle_bd li img{
			width: 100%;
			height:140px;
		}
		.box_middle_bd li h4{
			margin: 15px;
			font-size: 17px;
			color: #050505;
			font-weight: 400;
			letter-spacing: 1px;
		}
		.box_middle_bd li p{
			margin: 25px 15px;
			font-size: 12px;
			color: #999;
		}
		.box_middle_bd li span{
			color: orange;
		}
		.clearflx:before{
			content: "";
			display: table;
		}
		.clearflx:after{
			clear: both;
		}
		.clearflx:after{
			content: "";
			display: table;
		}
		/*footer模块*/
		.footer{
			height: 385px;
			padding-top: 30px;
			background-color: #fff;
			margin-top: -20px;
		}
		.center_footer{
			width: 1200px;
			height: 385px;
			margin: auto;
		}
		/*left*/
		.left_content{
			width: 461px;
			height: 156px;
			float: left;
		}
		.left_content img{
			display: block;
			width: 200px;
			height: 50px;
		}
		.left_content p{
			font-size: 13px;
			color: #666;
			margin: 20px 0 15px 0;
		}
		.left_content a{
			text-decoration: none;
		}
		.app{
			display: block;
			width: 118px;
			height: 34px;
			border: 1px solid #00a4ff;
			text-align: center;
			line-height: 34px;
			font-size: 16px;
			color: #00a4ff;
		}
		.app:hover{
			background-color: #00a4ff;
			color: white;
			transition: 1s;
		}
		/*right*/
		.right_content{
			width: 547px;
			height: 163px;
			float: right;
		}
		.right_content dl{
			float: left;
			margin-left: 91px;
		}
		.right_content dt{
			height: 35px;
			font-size: 16px;
			color: #333;
		}
		.right_content dd a{
			text-decoration: none;
			font-size: 12px;
			color: #333;
		}
		.right_content dd a:hover{
			color: #00a4ff;
		}
